import React from "react";

// 类组件定义
// export default class App extends React.Component{
//   constructor(props){
//     super(props)
//     this.state = {
//       message: "你好"
//     }
//   }
//   render(){
//     const {message} = this.state
//     return (
//       <div>
//         <span>App组件</span>
//         <div>{message}</div>
//       </div>
//     )
//   }
// }
// 函数组件定义
/**
 * 
 * 函数式组件的特点
 * 1、没有this对象
 * 2、没有内部状态（hooks可以维护状态）useState
 */
export default function App() {
  return (
    <div>
      <span>函数组件：App组件</span>
      <h2>你好呀函数组件中</h2>
    </div>
  )
}